<template>
<div class="header">
  <!--导航栏-->
  <div class="container2">
    <!--导航栏内部容器：主要保证分辨率高时，内容大小不变居中显示-->
    <div class="logo_h">
      <!--logo:左端显示-->
      <a href="index.html">
        <h1>武汉大学 学生排查系统</h1>
      </a>
    </div>
    <!-- <div class="logo_i">
      logo图像：右端显示
      <ul id="nav">
        <a href="">
          <li>组织机构</li>
        </a>
        <a href="">
          <li>校友登记</li>
        </a>
        <a href="">
          <li>校友捐赠</li>
        </a>
        <a href="">
          <li>校企合作</li>
        </a>
      </ul>
      <a href="index.html">
        <img src="./img/logo.jpg" />
      </a>
    </div> -->
  </div>
</div>
</template>

<script>
export default {
  name: 'my-header',
  data () {
    return {
    }
  }
}
</script>

<style lang="less">
  @import './css/header.less';
</style>
